// Quasar Stylus Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Stylus variables found in Quasar's source Stylus files.

// Check documentation for full list of Quasar variables

// It's highly recommended to change the default colors
// to match your app's branding.
// Tip: Use the "Theme Builder" on Quasar's documentation website.

$primary   = #027BE3
$secondary = #26A69A
$accent    = #9C27B0

$positive  = #21BA45
$negative  = #C10015
$info      = #31CCEC
$warning   = #F2C037


$button-shadow = none
$layout-header-shadow = $shadow-1
$layout-footer-shadow = $shadow-1
$card-shadow = $no-shadow
$breakpoint-xs = 575px
$breakpoint-sm = 799px
$breakpoint-md = 1199px
$breakpoint-lg = 1599px
$carousel-quick-nav-background = none
$popover-box-shadow = $shadow-4
$item-separator-color = #eee
$chip-border-radius = 4px
$chip-color = none

.q-stepper-header
  box-shadow none!important
  border-bottom 1px solid #eee!important

.q-chip-close
  opacity 0.5!important

.q-table th
  font-size 14px!important
  color $grey-9!important
  font-weight inherit!important

.q-tabs
  .active .q-tab-label
    color $negative
    @media screen and (min-width 800px)
      font-weight bold!important

//.q-tab
//  padding-left 16px!important
//  padding-right 16px!important

.q-tabs-bar
  color $negative!important
//border-bottom-width 3px!important

.q-editor-toolbar
  border-bottom-color #eee!important

